/********** ����ʽ�����ppt���� 2019-01-28  ************/
.banner{ width: 100%; height:600px; background: url(../img/1.jpg) center no-repeat; background-size: cover;}
.banner h1{font-size: 60px;color: #FFF;letter-spacing: 5px;line-height: 84px;padding-top: 108px;padding-bottom: 30px;text-align: center;font-weight:normal;}
.banner .note{font-size: 24px;color: #FFFFFF;letter-spacing: 2px;text-align: center;line-height: 32px;padding-bottom: 32px;}
.banner .link{width: 240px; height: 50px;margin: auto;position: relative;}
.banner .link .now{font-size: 16px;color: #FFF; display: block;background: #4289EA;border-radius: 4px; line-height: 50px; margin: 0 auto; text-align: center; width: 240px; height: 50px;}
.banner .link .now:hover{ background-color: #40a0ff}
.banner .link .tip{display: none;width:290px;height:80px;background:#fff;position:absolute;left:50%;margin-left:-145px;top:62px;border-radius:4px;box-sizing:border-box;padding:7px 12px;}
.banner .link .tip i{position:absolute;left:50%;margin-left:-14px;top:-12px;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:14px solid #fff}
.banner .link .tip p{color:#999;margin-bottom:3px}
.banner .link .tip a{color:#4289EA;text-decoration:underline;font-weight:bold}
.banner .link:hover .tip{display: block;}

.Chinese{font-size: 28px;color: #FFF;text-align: center; line-height: 38px; padding-top: 60px; padding-bottom: 10px}
.English{color: #FFF;text-align: center; font-family: 'Arial'; line-height: 16px; position: relative;}
.English:after{ content: ''; position: absolute; top:24px; width:28px; height:3px;background-color: #fff; border-radius:3px;left:50%; margin-left: -14px;}
.customStep{ width: 100%; height: 600px; background: url(../img/2.jpg) center}
.step{ padding-top: 235px}
.step .every{ width: 200px; margin-right: 50px}
.step .every.last{ margin-right: 0}
.step P{font-size: 24px;color: #FFF;text-align: center; line-height: 30px; padding-bottom: 10px}
.step div{font-size: 14px;color: #FFF;text-align: center;line-height: 24px;}

.services{ width: 100%; height:700px; background: url(../img/3.jpg) center no-repeat; background-size: cover;}
.services .English:after,.price .English:after{background-color: #fff;}
.services-box { padding-top: 57px}
.services-box p{font-size: 18px;color: #fff; line-height: 24px; padding-bottom: 15px; font-weight: bolder;}
.services-box div{font-size: 14px;color: #FFF;}
.services-box .every{ padding-left:770px; margin-bottom: 50px; }


.price{width: 100%; height:797px; background: url(../img/4.jpg) center no-repeat; background-size: cover}

.price table{ border-collapse: collapse; background-color: #fff; margin-top:70px }
.price table td{ width:240px; text-align:center;border: 1px solid #EEEEEE; color: #333;vertical-align: middle; padding:20px 20px; line-height: 20px;}
.price table thead td{font-size: 18px;color: #333; text-align: center; font-weight: bolder;}
.price table td.f18{ color: #000; font-size: 18px;letter-spacing: 0.12px;}
.price table td.colorRed{color: #EA4242;  font-weight: bolder;}
.price table td:nth-child(2n){ background-color: #f8f8f8}

.question{width: 100%; height:600px; background: url(../img/5.jpg) center no-repeat; background-size: cover}
.question .every{ width:280px; margin-right:26.5px; margin-top:255px;}
.question .every p{ font-size: 18px; font-weight: bolder;color: #FFF; margin-bottom:40px; position:relative;}
.question .every p span{ font-size: 18px; font-weight: bolder;color: #FFF; position: absolute; left: 0;  z-index: 2}
.question .every p:after{content: ''; position: absolute; top:19px;  width:120px;height:5px;background-color: #4289EA; border-radius:3px; left: 0; z-index: 1;
background: #000000;
   background: -moz-linear-gradient(left,  #00B2FF 0%, #00ED95 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00B2FF), color-stop(100%,#00ED95));
   background: -webkit-linear-gradient(left,  #00B2FF 0%,#00ED95 100%);
   background: -o-linear-gradient(left,  #00B2FF 0%,#00ED95 100%);
   background: -ms-linear-gradient(left,  #00B2FF 0%,#00ED95 100%);
   background: linear-gradient(to right,  #00B2FF 0%,#00ED95 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00B2FF', endColorstr='#00ED95',GradientType=0 );

}
.question .every p.two:after{ width:155px;}
.question .every p.three:after{ width: 230px;}
.question .every p.four:after{ width: 105px;}
.question .every div{  color: #fff;  line-height: 24px;}
.question .every.last{ margin-right: 0}


.fill{width: 100%; height:290px; background: url(../img/6.jpg) center no-repeat; background-size: cover}
.fill p{ color: #fff; font-size:16px; line-height: 22px; padding-top: 60px; padding-bottom: 30px; text-align: center;}
.fill .fillBox a{ display: block; width:700px; height: 60px;}
.fill .fillBox{ width:700px; height: 60px; background-color: #fff; margin: 0 auto; overflow: hidden; border-radius: 4px;}
.fill .typeInput{ color: #666; font-size: 16px;  padding: 0 20px; height: 50px; line-height: 50px;margin-top: 5px; border: 0; outline: none;  width: 560px;}
.fill .typeBtn{ display: inline-block; width: 140px;  line-height: 60px; text-align: center;height: 60px; background-color:#4B97FF;  color: #fff;font-size:18px; font-weight: bolder; cursor: pointer; }
.fill .typeBtn:hover{ opacity: 0.9}
.fill .kefu{ text-align: center;  color:#999; text-decoration: underline; font-size: 16px; padding-top: 30px;}
.fill .kefu a{  color: #fff;}
